<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>爱奇艺-今日焦点</title>
  <style>
   body {
      display: block;
      margin: 6px 0px 0px 0px;
   }
   a:link {color: black; text-decoration:none;}  
   a:visited {color: black;}
   a:active {color:#00be06; }   
   a:hover {color:#00be06;}
   .first-line{
      margin:15px 6.5% 15px 6.5%;
      padding: 0px 4px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
   }
   .left{
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .page-turn{
    display: flex;
      align-items: baseline;
   }
   .page-num{
    margin: 0px 10px;
    font-size: 12px;
    color: #ccc;
   }
   .left-text{
      display: flex;
      align-items: baseline;
   }
   .Today{
      font-size: 24px;
   }
   .txt-link{
      font-size: 14px;
      padding: 0px 10px 0px 0px;
      color: #222;
      text-decoration:none;
   }
   .slash{
      font-size: 14px;
      padding: 0px 10px 0px 0px;
      color: #00be06;
      font-style: normal;
   }
   .second-line{
      margin:0px 6.5%;
      padding: 0px 4px;
      display: flex;
      justify-content: space-around;
      align-items: flex-start;
   }
   .container{
      margin: 0px 5px 0px 0px;
      width: 180px;
   }
   img{
      display: block;
      width: 100%;
      height: 100%;
   }
   .background{
      background: #f8f8f8;
      padding: 6px 10px;
      margin: 0 0 5px 0;
   }
  p{
      font-size: 14px;
      vertical-align: middle;
      position: relative;
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp:2;
      overflow: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      color: #222;
   }
   .qy-mod-icon {
      display: inline-block;
   }
   .qy-mod-icon.focuplay {
      background-position: 0 0;
   }
   .qy-mod-icon {
      width: 28px;
      height: 28px;
      background: url(img/sprite-channelTitle-icons@2x-0422.png) no-repeat 50%;
      background-size: 400px 120px;
      padding: 0px 10px 0px 0px;
     }
   .qy-common-icon.qy-common-pageleft8.disabled {
    background-position: -230px 0;
    cursor: default;
     }
   .qy-page-turn .qy-common-pageleft8, .qy-page-turn .qy-common-pageright8 {
    vertical-align: baseline;
    cursor: pointer;
     }
   .qy-common-icon.qy-common-pageleft8 {
    width: 8px;
    height: 8px;
    background-position: -110px 0;
     }
   .qy-common-icon.qy-common-pageright8 {
    width: 8px;
    height: 8px;
    background-position: -120px 0;
     }
   .qy-common-icon {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    background-image: url(img/sprite-common-icons-190829.png);
    background-repeat: no-repeat;
     }
@media screen and (max-width: 730px) {
  p{
      font-size: 10px;
  }
}
@media screen and (max-width: 450px) {
   .Today{
      font-size: 16px;
   }
   .txt-link{
      font-size: 6px;
      padding: 0px 5px 0px 0px;
  }
  .slash{
    font-size: 6px;
    padding: 0px 5px 0px 0px;
  }
}
@media screen and (max-width: 366px) {
         .txt-link{
      padding: 0px 2.5px 0px 0px;
  }
  .slash{
    padding: 0px 2.5px 0px 0px;
  }
}
@media screen and (max-width: 360px) {
      .second-line{
      display:block;
     }
      .container {
        width: 48%;
        float: left;
    }
  }
@media screen and (max-width: 295px) {
      .second-line{
      flex-wrap: wrap;
     }
     .container {
        width: 100%;
    }
  }
  </style>
</head>

<body>
  <div class="first-line">
      <div class="left"> 
        <div class="qy-mod-icon focuplay"></div>
        <div class="left-text">
          <div class="Today">今日焦点</div>
          <div style="padding: 0px 0px 0px 20px;">
            <a href="https://www.iqiyi.com/v_19rvgtuwzg.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_tag1" class="txt-link">快看军运</a> 
            <i class="slash">/</i>
            <a href="https://www.iqiyi.com/feed/?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_tag2" class="txt-link">更多热点&gt;</a>
          </div>
        </div>
      </div> 
      <div class="page-turn">
          <i class="qy-common-icon qy-common-pageleft8 disabled"></i>
          <span class="page-num"><span class="selected" style="color: #00be06;">1</span>/4</span>
         <i class="qy-common-icon qy-common-pageright8"></i>
      </div>
  </div>

    <div class="second-line">
       <div class="container">
         <a href="https://www.iqiyi.com/v_19rve5glm0.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image1">
            <img src="https://pic8.iqiyipic.com/image/20191022/c8/b7/v_139866213_m_601_220_124.jpg">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rve5glm0.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image1">加拿大总理特鲁多赢得 将连任组建联合政府</a></p></div>
         </a>
       </div>
       <div class="container">
         <a href="https://www.iqiyi.com/v_19rvdyr7es.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image2">
            <img src="https://pic3.iqiyipic.com/image/20191022/02/69/v_139897836_m_601_220_124.jpg">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rvdyr7es.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image2">无中生有！央视曝光医院员工QQ群卖出生证明</a></p></div>
         </a>
       </div>
       <div class="container">
         <a href="https://www.iqiyi.com/v_19rve7gbzc.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image3">
            <img src="https://pic4.iqiyipic.com/image/20191022/bf/35/v_139858832_m_601_220_124.jpg">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rve7gbzc.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image3">51信用卡外包催收公司涉寻衅滋事 创始人出面致歉</a></p></div>
         </a>
       </div>
       <div class="container">
         <a href="https://www.iqiyi.com/v_19rvhyhorw.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image4">
            <img src="https://pic3.iqiyipic.com/image/20191021/fc/d9/v_139821699_m_601_220_124.jpg">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rvhyhorw.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image4">荒山被埋畸形婴儿出生医院回应：家属要求出院</a></p></div>
         </a>
       </div>
       <div class="container">
         <a href="https://www.iqiyi.com/v_19rvi4evfw.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image5">
            <img src="https://pic2.iqiyipic.com/common/lego/20191022/b1767ec8fd67484fbb2f9bd66eb6ac0f.webp">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rvi4evfw.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image5">中国达人秀：一秒换装！少女空中“坠落”吓坏众人</a></p></div>
         </a>
       </div>
       <div class="container" style="margin: 0px;">
         <a href="https://www.iqiyi.com/v_19rvhbiy2g.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image6">
            <img src="https://pic3.iqiyipic.com/common/lego/20191021/da739fe40af840889f40a3cae5af38b4.webp">
            <div class="background"><p><a href="https://www.iqiyi.com/v_19rvhbiy2g.html?vfrm=pcw_home&vfrmblk=D&vfrmrst=712211_focus_A_image6">音浪合伙人：温岚现场上演《热浪》换装秀</a></p></div>
         </a>
       </div>
       
    </div>
</body>